/* 
    Document   : default
    Created on : 28/05/2012, 11:31:29
    Author     : Daniel Tavares
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-autocomplete input {
    width: 97%;
}

.ui-widget,
.ui-widget .ui-widget {
    font-size: 13px !important;
}

.mensagem {
    background-image: url("/imagens/Mensagem.png") !important;
}

.messageInput {
    width:400px;
}

.publicColumn {
    width:80%;
}

.usersColumn {
    width:20%;
}

.vtop {
    vertical-align: top;
}

.chatlogs {
    height:200px;
    overflow:auto;
    padding: 0.5em 1em 0.5em 0.5em;
}

.usersList {
    height:200px;
    overflow:auto;
}

.usersList ul {
    list-style-type: none;
    padding-left:10px;
}

.usersList ul li {
    margin-bottom: 2px;
}

.usersList .ui-button-text {
    padding:0;
}

.home  {
    background: url('../resources/icons/home.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.financas  {
    background: url('../resources/icons/financas.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.receitas  {
    background: url('../resources/icons/receitas.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.despesas  {
    background: url('../resources/icons/despesas.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.cofre {
    background: url('../resources/icons/cofre.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.movimentacao {
    background: url('../resources/icons/movimentacao.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.adicionar {
    background: url('../resources/icons/adicionar.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.jogos {
    background: url('../resources/icons/jogos_sorte.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.fornecedor {
    background: url('../resources/icons/fornecedor.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.caixa {
    background: url('../resources/icons/caixa.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.clientes {
    background: url('../resources/icons/clientes.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.relatorios {
    background: url('../resources/icons/relatorios.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.negocios {
    background: url('../resources/icons/negocios.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.empresa {
    background: url('../resources/icons/empresa.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.usuarios {
    background: url('../resources/icons/usuarios.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.sair {
    background: url('../resources/icons/sair.png') no-repeat !important;
    width: 16px;
    height: 16px;
}

.fieldset { 
    border-radius: 10px; /* Para Opera 10.5+*/
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
}
